<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>展开运算符</title>
</head>
<body>
<h3>展开运算符</h3>
<p>
    展开运算符(…),将一个数组进行展开 <br>
    说明： <br>
    1. 不会修改原数组
</p>

<script>
    const 数组 = [1, 2, 3]
    const 数组2 = [11, 21, 31]
    // 展开运算符 可以展开数组. 实际是把数组里的值,依次读取. 有点像循环遍历,不过不需要写循环了
    console.log(...数组)

    // 数组展开 典型运用场景, 求数组最大值(最小值)、合并数组等

    console.log(Math.max(1, 2, 3)) // 求最大值,但是有一个问题 不能传数组

    // 1. 通过展开数组, 就可以传参了
    console.log(Math.max(...数组)) // 求最大值
    console.log(Math.min(...数组)) // 求最小值
    // 2. 合并数组, 通过展开数组 的方法, 快速合并数组,组合成一个新数组
    const 合并的数组 = [...数组, ...数组2]
    console.log(合并的数组)

    // 总结: 展开运算符, 可以使我们更加简便的操作数组
    // 以上这些,使用循环的方法也可以完成,但是显然不如 展开数组 来的便利
</script>

</body>
</html>